<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<%@ include file="header.jsp"%>

<title>About me</title>
</head>

<script type="text/javascript">
	$(function() {
		listWishes(10);
		wishDialog();
		$('#all-wishes').button();
	})
</script>

<body>
	<%@ include file="navigation.jsp"%>
	<div class="body-wrapper">
		<div id="inner-wrapper" class="group main-cotent">
			<aside id="about-image">
				<img alt="Seabook at Phillips Island 2010 Chrismas"
					src="images/about-img.png" />
			</aside>
			<section id="about-me" class="section-home about-section">
				<h3 class="section-h3">About</h3>
				<article>
					<ul>
						<li>Seabook Chen is a humble coder trying to do something
							every day and night. Mainly doing lots of work around Java, but
							starts to look more into <a
							href="http://en.wikipedia.org/wiki/JavaScript">Javascript</a>, <a
							href="http://www.ruby-lang.org/en/">Ruby</a> (Dynamic Language)
							and Mobile area.<br />
						</li>
						<li>Now he is working in <a
							href="http://www.target.com.au/html/homepage/home_fw.htm">Target
								Australia</a> for developing e-commerce platform.
						</li>
						<li>Currently, Seabook is located in Melbourne, Austalia and
							enjoys sim-racing and cars modification.</li>
					</ul>
				</article>
			</section>

			<section id="contact" class="section-home about-section">
				<h3 class="section-h3">Contact Me</h3>
				<ul>
					<li><a href="mailto:coder.seabook.chen@gmail.com">coder.seabook.chen@gmail.com</a>
						(*No Spam Please!!!)</li>
					<li><a href="http://www.facebook.com/seabook.chen">Seabook
							Chen On Facebook</a></li>
					<li><a href="http://www.kaixin001.com/home/?uid=98536457">Seabook
							Chen On Kaixin001</a> (*Chinese Social Network)</li>
					<li><a href="https://plus.google.com/109447080094115236972">Seabook
							Chen On Google+</a></li>
				</ul>
			</section>

			<section id="more-info" class="section-home about-section">
				<h3 class="section-h3">More About Me</h3>
				<ul>
					<li><a
						href="http://au.linkedin.com/pub/seabook-chen/20/13/495">Professional
							(LinkedIn) </a> - Information about my professional career.</li>
					<li><a href="http://code.google.com/u/seabook1024/">My
							Projects</a> - A number of open source projects that I've created and
						never seriously released.</li>
					<li><a
						href="https://groups.google.com/forum/?fromgroups#!forum/happy-programming">Google
							Groups</a> - Owned a google group discussion Data Structure and
						Algorithm</li>
				</ul>
			</section>

			<section id="wish-list" class="section-home about-section">
				<h3 class="section-h3">My Wish</h3>
				<div id="loading-wishes">
					Loading... <img src="images/ajax-loader.gif" />
				</div>
				<div id="latest-wishes"></div>
			</section>

			<p class="post-success"></p>
			<div class="controls">
				<c:if test="${isAdmin}">
					<button id="make-wish">Make a Wish</button>
				</c:if>
				<button id="all-wishes"
					onclick="javascript:window.location.href='allWishes.jsp';">All
					Wishes</button>
			</div>

			<div id="wish-form" title="Make a Wish">
				<p class="validateTips">All form fields are required.</p>
				<form>
					<fieldset>
						<label class="form-style" for="wish">Wish:</label>
						<textarea id="wish-textarea" name="wish" cols="90" rows="9"
							class="text ui-widget-content ui-corner-all">
						</textarea>
					</fieldset>
				</form>
			</div>
		</div>
	</div>

	<%@ include file="footer.jsp"%>
</body>
</html>
